<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>分析与统计</title>
</head>
<body>
	<div id="center-layout">
		<div data-options="region: 'north',collapsible:false" title="统计条件"
			style="height: 180px; padding: 20px;">
			<form id="form" method="post">
				<table>
					<tr>
						<td><label for="sortradio1"><input id="sortradio1"
								name="sort" type="radio" value="user" checked>用户</label></td>
						<td><label for="sortradio2"><input id="sortradio2"
								name="sort" type="radio">商品</label></td>
						<td><label for="radio1"><input id="radio1"
								name="sale" type="radio" onClick="radio()" checked disabled>销量</label></td>
						<td><label for="radio2"><input id="radio2"
								name="sale" type="radio" onClick="radio()" disabled>销售额</label></td>
					</tr>
					<tr>
						<td style="padding-right: 20px;"><label
							for="province-combobox">所在省：</label><input id="province-combobox"
							value="地域"></td>
						<td style="padding-right: 20px;"><label for="city-combobox">所在市：</label><input
							id="city-combobox" value="地域"></td>
						<td><label for="area-combobox">所在区：</label> <input
							id="area-combobox" value="地域"></td>
						<td rowspan="3">
							<button style="width: 49px; height: 80px; border-radius: 9px;"
								onClick="result()">统计</button>
						</td>
					</tr>
					<tr>
						<td><label for="first-datebox">起时间：</label><input
							id="first-datebox" type="text" class="easyui-datebox"></td>
						<td colspan="2"><label for="first-datebox">末时间：</label><input
							id="first-datebox" type="text" class="easyui-datebox"></td>
					</tr>
					<tr>

					</tr>
				</table>
			</form>
		</div>
		<div title="统计结果" data-options="region: 'center'">
			<div id="center-content"></div>
		</div>
	</div>

	<!-- 引入自定义js文件 -->
	<script type="text/javascript">
		$('#center-layout').layout({
			fit : true
		});
		$('#form').form();
		$('#sortradio1').change(function() {
			$('#radio1').attr('disabled', 'disabled');
			$('#radio2').attr('disabled', 'disabled');
		});
		$('#sortradio2').change(function() {
			$('#radio1').removeAttr('disabled');
			$('#radio2').removeAttr('disabled');
		});
		$('#province-combobox').combobox({
			url : 'Data/region.json',
			valueField : 'id',
			textField : 'text'
		});
		$('#city-combobox').combobox({
			url : 'Data/region.json',
			valueField : 'id',
			textField : 'text'
		});
		$('#area-combobox').combobox({
			url : 'Data/region.json',
			valueField : 'id',
			textField : 'text'
		});
		function radio() {
			b = true;
		}
		$('#center-content').tabs({
			fit : true
		});
		$('#center-content').tabs('add', {
			title : '默认',
			content : '<h2>默认结果</h2>'
		});
		function result() {
			if (1) {
				$('#center-content').tabs('add', {
					title : '结果',
					href : '',
					closable : true
				});
			}
		}
	</script>
</body>
</html>